<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>找设备</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    
    <link href="http://appimg.yinsoso.com/css/swiper-3.3.1.min.css" rel="stylesheet" />
    <!--当前页面的css-->
    <link href="../src/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/college.css" />
    <link href="css/equHome.css" rel="stylesheet">
    <!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" ></script>
    <script src="http://appimg.yinsoso.com/js/swiper-3.3.1.min.js" ></script>
</head>

<body>
    <div id="app">
        <div class="coll-main-box flex-box-between">
            <div class="title">评测</div>
            <div class="link" @click="gotoPcList()">更多评测 ></div>
        </div>
        <div class="buyBanner" v-if="pcList.list && pcList.list.length > 0">
            <!-- Swiper -->
            <div class="swiper-container swiper1">
                <div class="swiper-wrapper" id="pcContent" v-html="pcContents">
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination swiper-pagination1"></div>
            </div>
        </div>
        <div class="nolist" v-else>当前暂无更多数据</div>

        <div class="seckilling">
            <div class="seck-top">
                <img src="../images/index/icon15.png" />
                <span class="seck-tiem">距本场结束<div class="count-time" v-html="coutdownTimeStr"></div></span>
                <span class="seck-more" @click="toMsList()">秒杀更多 ></span>
            </div>
            <div style="height:1px; width:100%;background: #eee;"></div>
            <!-- 秒杀内容 -->
            <!-- Swiper -->
            <div style="padding:0 10px;" v-if="list && list.length >0">
            <div class="swiper-container swiper2 seck-content" >
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="item in list" @click="toMsDetails(item)">
                        <img :src="item.head_img" />
                        <div class="seck-title">{{item.goods_name}}</div>
                        <div class="progress">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" :style="{ width: item.percentage +'%'}">
                                <span class="sr-only">{{item.percentage}}% </span>
                            </div>
                        </div>
                        <div class="seck-price">
                            <span class="discounts">¥{{item.price}}</span>
                            <span class="original">¥{{item.original_price}}</span>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <!-- 暂无内容 -->
            <div class="nolist" v-else>当前暂无秒杀中的活动</div>
            <!-- <div class="clearfix"></div> -->
        </div>

        <div class="equCore">
            <div class="equclassify">
                <ul class="flex-box" v-if="equclassify && equclassify.length > 0">
                    <li @click="changeId(0)" :class="categoryId == 0 ? 'on' : ''">推荐</li>
                    <li v-for="item in equclassify" @click="changeId(item.id)" :class="categoryId == item.id ? 'on' : '' ">{{item.name}}</li>
                </ul>
            </div>
            <div class="equlist">
                <ul class="flex-box" v-if="equList && equList.length > 0">
                    <li v-for="item in equList" @click="goequdetails(item)">
                        <img :src="item.head_img" />
                        <span>{{item.device_name}}</span>
                    </li>
                </ul>

                <div class="weui-loadmore" v-show="loading">
                    <i class="weui-loading"></i>
                    <span class="weui-loadmore__tips">正在加载</span>
                </div>
                <div class="bottom-msg" v-show="noMore">
                    <div class="bottom-msg-hr"></div>
                    <span class="msg-text">我是有底线的</span>
                </div>
            </div>
        </div>

    </div>

    <script type="text/javascript" src="js/pagejs/equHome.js"></script>
	<script>
		 //路径跳转-评测详情,banner
		function pcDetails(id) {
            var userId = $.getPara("userId");
            var para = {};
            para.title = "评测详情";
            para.type = "equEvaluating";
            para.url = '/template/equEvaluatingDetails.html?id=' + id;
            if (this.userId > 0) {
                para.url = '/template/equEvaluatingDetails.html?id=' + id + "&userId=" + this.userId;
            }
            // window.location.href =para.url;
            if (/(Android)/i.test(navigator.userAgent)) { //判断Android
                //是android系统
                // alert("Android系统");
                jsAndroid.appPush(JSON.stringify(para))
            } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
                //默认为iOS系统
                window.webkit.messageHandlers.appPush.postMessage(para);
            } else {
                //pc
                window.location.href = para.url;
                alert("请使用移动设备！");
            };
        }
	</script>
</body>

</html>